<template>
	<view class="app  background">
		<view class="enter-content">
			<!-- <button class="enter-content-btn mybutton">
				<image src="../../static/icon/google.png\" mode=""></image>
				Sign in with Google
			</button> -->
			<button class="enter-content-btn mybutton" :plain="true" @click="goto('/pages/register/register')">
				Join
			</button>
			<view class="enter-content-text color-fff font-weight-600 f-size-14" @click="goto('/pages/login/login')">
				Sign in with email
			</view>
		</view>
	</view>
</template>

<script setup>
	function goto(url){
		uni.$to(url)
	}
</script>

<style scoped lang="scss">
	.app {
		.enter-content {
			position: fixed;
			bottom: 50rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 80%;

			.enter-content-btn {
				image {
					width: 36rpx;
					height: 36rpx;
					margin-right: 20rpx;
				}
			}
			// 注释掉了谷歌登录 原本是2  现改成1
			:nth-child(1) {
				color: white;
				border: 2px solid white;
				margin: 50rpx auto;
			}
		}

		.enter-content-text {
			text-align: center;
			text-decoration: underline;
		}
	}
</style>